<?php echo $javascript->link('jquery.min.js',false); ?>
<?php echo $javascript->link('jquery-ui-custom.min.js',false); ?>
<?php echo $javascript->link('util.js',false); ?>
<?php echo $javascript->link('json.js',false); ?>
<?php echo $javascript->link('json2.js',false); ?>
<?php echo $javascript->link('dump.js',false); ?>
<div class="menu">
<?php  echo $this->Form->menu($this->Access->getMy('id'),$this->Access->getMy('group_id'));?>
</div>
<div class="proyectos form">
<?php echo $this->Form->create('Proyecto');?>
	<fieldset>
		<div align="left"><?php echo $this->Html->image('edit_proyecto_titulo.png', array('alt'=> __('Editar Actividad', true), 'border' => '0'));?></div>

		<table class="tabla_formulario">
		<tr>			
			<td><?php  echo $this->Form->label("Metodologia");
					   echo $this->Form->select('metodologia_id',array($metodologias),$this->Form->value('Unidade.metodologia_id'),array('id'=>'metodologia'), false);?>
						<span id="carga_grados" style="display:none;">Cargando...</span>
			<td><?php  echo $this->Form->label("Grado");
					   echo $form->select('grado_id',array($grados),$grado,array('id'=>'grado'),false);?>
					   <span id="carga_cartillas" style="display:none;">Cargando...</span>
			</td>			
		</tr>
		<tr>
			<td>
				<?php 
					if(!empty($cartillas)){
						$style_cartillas = "display:block;";
						$style_modulos = "display:none;";
						$style_areas = "display:none;";
					}elseif(!empty($modulos)){
						$style_cartillas = "display:none;";
						$style_modulos = "display:block;";
						$style_areas = "display:none;";
					}elseif(!empty($areas)){
						$style_cartillas = "display:none;";
						$style_modulos = "display:none;";
						$style_areas = "display:block;";
					}
				?>
			
				<span id="cartilla" style=<?php echo $style_cartillas;?>><?php echo $this->Form->input('cartilla_id',array('id'=>'cartilla_id'));?></span>
				<span id="carga_modulos" style="display:none;">Cargando...</span>				
				<span id="modulo" style=<?php echo $style_modulos;?>><?php echo $this->Form->input('modulo_id', array('id'=>'modulo_id'));?></span>
				<span id="carga_areas" style="display:none;">Cargando...</span>
				<span id="area" style=<?php echo $style_areas;?>><?php echo $this->Form->input('area_id', array('id'=>'area_id'));?></span>
				<span id="carga_unidades" style="display:none;">Cargando...</span>									
			</td>
			<td><?php 	echo $this->Form->label("Unidad");
					    echo $this->Form->select('unidade_id',array($unidades),null,array('id'=>'unidad_id'), false);?>
			</td>			
		</tr>
		<tr>
			<td><?php 	echo $this->Form->input('nombre');?></td>
		</tr>
		</table>
	</fieldset>
	<?php
		echo $this->Form->input('id');	
	?>
		
<?php echo $this->Form->input('dominio',array('type'=>'hidden','value'=>$_SERVER['SCRIPT_NAME'], 'id'=>'dominio'));?>
<?php echo $this->Form->end(__('Actualizar', true));?>
</div>

<script>
$(function(){
	$('#metodologia').change(function(){	
		$("#carga_grados").show();
		$("#unidad_id").html("");
		var metodologia_id = $(this).val();		
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/grados/get_grados_json/'+metodologia_id, function(grados) {
			var opciones = "<option value='0'>Seleccione un grado</option>"+"\n";
			for(i in grados){
				opciones += "<option value='"+i+"'>"+grados[i]+"</option>" + "\n";
			}
			$("#grado").html(opciones);
			$("#carga_grados").hide();
		});

		if($('#metodologia').val()=='1'){ //Alfabetizacion
			$("#carga_cartillas").show();
			$.getJSON(dominio+'/cartillas/get_cartillas/', function(cartillas) {
				var opciones = "<option value='0'>Seleccione una cartilla</option>"+"\n";
				for(i in cartillas){
					opciones += "<option value='"+i+"'>"+cartillas[i]+"</option>" + "\n";
				}
				$("#cartilla_id").html(opciones);
				$("#modulo_id").html("");
				$("#area_id").html("");
				$("#carga_cartillas").hide();
			});
			$("#cartilla").show();
			$("#modulo").hide();
			$("#area").hide();
		}else if($('#metodologia').val()=='2'){ //Aceleracion
			$("#carga_modulos").show();
			$.getJSON(dominio+'/modulos/get_modulos/', function(modulos) {
				var opciones = "<option value='0'>Seleccione un modulo</option>"+"\n";
				for(i in modulos){
					opciones += "<option value='"+i+"'>"+modulos[i]+"</option>" + "\n";
				}
				$("#modulo_id").html(opciones);
				$("#cartilla_id").html("");
				$("#area_id").html("");
				$("#carga_modulos").hide();
			});
			$("#cartilla").hide();
			$("#modulo").show();
			$("#area").hide();
		}else if($('#metodologia').val()=='3'){ //Postprimaria
			$("#carga_areas").show();
			$.getJSON(dominio+'/areas/get_areas/', function(areas) {
				var opciones = "<option value='0'>Seleccione un area</option>"+"\n";
				for(i in areas){
					opciones += "<option value='"+i+"'>"+areas[i]+"</option>" + "\n";
				}
				$("#area_id").html(opciones);
				$("#carga_areas").hide();
				$("#cartilla_id").html("");
				$("#modulo_id").html("");
			});
			$("#cartilla").hide();
			$("#modulo").hide();
			$("#area").show();
		}		
	});

	$('#grado').change(function(){
		$("#carga_areas").show();
		var grado_id = $(this).val();		
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/areas/get_areas_grado/'+grado_id, function(areas) {			
			var opciones = "<option value='0'>Seleccione un area</option>"+"\n";
			for(i in areas){
				opciones += "<option value='"+i+"'>"+areas[i]+"</option>" + "\n";
			}
			$("#area_id").html(opciones);
			$("#carga_areas").hide();
		});
	});
	
	$('#cartilla_id').change(function(){	
		$("#carga_unidades").show();
		$("#unidad_id").html("");
		var cartilla_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/unidades/get_unidades_cartilla/'+cartilla_id, function(unidades) {			
			var opciones = "<option value='0'>Seleccione una unidad</option>"+"\n";
			for(i in unidades){
				opciones += "<option value='"+i+"'>"+unidades[i]+"</option>" + "\n";
			}
			$("#unidad_id").html(opciones);
			$("#carga_unidades").hide();
			$("#area_id").html("");
			$("#modulo_id").html("");
		});
	});
	$('#modulo_id').change(function(){		
		$("#carga_unidades").show();
		$("#unidad_id").html("");
		$("#area_id").html("");
		$("#cartilla_id").html("");
		var modulo_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/unidades/get_unidades_modulo/'+modulo_id, function(unidades) {			
			var opciones = "<option value='0'>Seleccione una unidad</option>"+"\n";
			for(i in unidades){
				opciones += "<option value='"+i+"'>"+unidades[i]+"</option>" + "\n";
			}
			$("#unidad_id").html(opciones);
			$("#carga_unidades").hide();			
		});
	});
	$('#area_id').change(function(){				
		$("#carga_unidades").show();
		$("#unidad_id").html("");
		var area_id = $(this).val();
		var dominio = $('#dominio').val();
		$.getJSON(dominio+'/unidades/get_unidades_area/'+area_id, function(unidades) {			
			var opciones = "<option value='0'>Seleccione una unidad</option>"+"\n";
			for(i in unidades){
				opciones += "<option value='"+i+"'>"+unidades[i]+"</option>" + "\n";
			}
			$("#unidad_id").html(opciones);
			$("#carga_unidades").hide();
			$("#modulo_id").html("");
			$("#cartilla_id").html("");
		});
	});
});
</script>
